
// uni-page-body相当于page
page{
	height: 100%;
}
.user-order{
	height: 100%;
	overflow: hidden;
}

.od-line2{
	line-height: 80upx;
	border-top: 2upx solid $bg01;
	display: flex;
	align-items: center;
	font-size: 26upx;
	color: $color6;
	
	.item{
		flex: 1;
		text-align: center;
		position: relative;
	}
	.line2-active{
		font-size: 30upx;
		color: $bg02;
		&:after{
			content: '';
			position: absolute;
			bottom: 16upx;
			left: 50%;
			transform: translateX(-20upx);
			width: 40upx;
			height: 4upx;
			border-radius: 2upx;
			background-color: $bg02;
		}
	}
}
.ud-swiper{
	width: 100%;
	height: calc(100% - 80upx);
	background-color: $bg01;
	
}

.scrollStyle{
		height: calc(100% - 20upx);
}
.no-orderList {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28upx;
	color: #999999;
	padding-top: 30%;
}
.content-box{
	width: 750upx;
	display: flex;
	justify-content: center;
	align-items: center;
	.box-item{
		margin: 30upx 0upx;
		width: 96%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: $font-base - 6upx;
		.item1{
			height: 268upx;
			width: 98%;
			background-color: #FFFFFF;
			border-radius: 15upx;
			display: flex;
			align-items: center;
			
			// justify-content: space-between;
			.title-name{
				margin-left: 25upx;
				width: 190upx;
				height: 190upx;
				border-radius: 10upx;
			}
			.item-box{
				margin-left: 15upx;
			}
			&>view{
				margin-left: 43upx;
				width: 452upx;
				padding-right: 25upx;
				.item1-title{
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 30upx;
					&>view{
						color: #333;
						line-height: 46upx;
						image{
							width: 37upx;
							height: 37upx;
						}
						&>text{
							padding-left: 16upx;
							font-weight: bold;
						}
					}
					.iconfont{
						font-size: 24upx;
						color: #999;
					}
					
				}
				.item1-name{
					margin-top: 30upx;
					font-size: 24upx;
					color: #333;
					display: flex;
					align-items: flex-end;
					flex-direction: column;
					justify-content:center;
					&>text:last-child{
						font-weight: bold;
						font-family: Din;
						font-size: 30upx;
						color: #333;
						margin-top: 20upx;
					}
				}
				.item-order{
					margin-top: 37upx;
					font-size: 22upx;
					color: #999;
					display: flex;
					align-items: center;
					justify-content: space-between;
					&>text{
						width: 420upx;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						font-size: 24upx;
						color: #333;
					}
				}
			}
		}
		.item2{
			margin: 10upx 0upx;
			width: 98%;
			background-color: #FFFFFF;
			border-radius:15upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.four-img{
				display: flex;
				width: 90%;
				margin-bottom: 30upx;
				image{
					width: 140upx;
					height: 140upx;
					margin-left: 40upx;
				}
			}
			.item2-footer{
				margin-bottom: 30upx;
				button{
					width: 300upx;
					height: 90upx;
					background-color: #ff557d;
					box-shadow: 1upx 8upx 18upx 0upx 
						rgba(255, 85, 125, 0.39);
					border-radius: 10upx;
				}
			}
			.itme2-top{
				height: 130upx;
				width: 694upx;
				border-bottom: 1px solid #faf2f5;
				font-size: 28upx;
				color: #333;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding-left: 25upx;
				&>text:last-child{
					font-size: 24upx;
					color: #999;
				}
			}
			.item2-img{
				width: 90%;
				margin: 0 auto;
				display: flex;
				// justify-content: center;
				.img{
					min-width: 140upx;
					max-width: 140upx;
					height: 140upx;
					margin: 0 10upx 16upx;
					border: 2upx dashed #ccc;
					border-radius: 10upx;
					background-color: #fff;
					position: relative;
					text:last-child{
						position: absolute;
						bottom: 0upx;
						left: 50%;
						transform: translateX(-50%);
						
					}
					image{
						width: 100%;
						height: 100%;
						border-radius: 10upx;
					}
					.icon{
						display: block;
						width: 60upx;
						height: 60upx;
						margin: 0 auto;
						font-size: 60upx;
						color: #aaa;
						@include box-column-center;
					}
					.remove{
						width: 40upx;
						height: 40upx;
						background-color: red;
						border-radius: 0 10upx 0 0;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 3;
						.remove-img{
							position: absolute;
							top: 8upx;
							right: 0upx;
							font-size: 22upx;
							color: #fff;
						}
					}
				}
			}
			.textTips{
				display: flex;
				align-items: center;
				margin-right: 25upx;
				font-size: 30upx;
				color: $bg02;
				padding: 30;
			}
			.item2-btn{
				height: 140upx;
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				color: $bg02;
				font-size: 22upx;
				display: flex;
				align-items: center;
				justify-content: center;
				.btn1{
					width: 150upx;
					height: 50upx;
					font-size: 30upx;
					border-radius: 15upx;
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid $bg02;
					color: $bg02;
					marign-bottom: 30upx;
				}
				.btn2{
					width: 220upx;
					height: 50upx;
					font-size: 30upx;
					border-radius: 15upx;
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid $bg02;
					color: $bg02;
					marign-bottom: 30upx;
				}
				&>view:last-child{
					margin-left: 20upx;
					// margin-right: 15upx;
				}
				// .btn{
				// 	width: 160upx;
				// 	height: 60upx;
				// 	border: 1px solid #ff557d;
				// 	border-radius: 15upx;
				// 	margin-right: 25upx;
				// 	display: flex;
				// 	align-items: center;
				// 	justify-content: center;
				// }
				// .btn:last-child{
				// 	margin-right: 0upx;
				// 	border: 1px solid #999999;
				// 	color: #999999;
				// }
				.picker{
					width: 160upx;
					height: 60upx;
					line-height: 60upx;
					text-align: center;
					border-radius: 10upx;
					border: solid 2upx #ff557d;
					.iconfont{
						color: $bg02;
						font-size: 18upx;
						margin-left: 4upx;
					}
				}
				input{
					margin-left: 10upx;
					height: 60upx;
					width: 470upx;
					border-bottom: 2upx solid #999;
					color: #666;
					font-size: 24upx;
				}
			}
		}
	}
	
}
.mode-dialog{
		.tips-img{
			display: block;
			width: 659upx;
			height: 409upx;
			background-color: #fff;
			position:fixed;
			bottom: 20upx;
			left: 20upx;
		}
	}
// 满减与促销管理 start
.discount{
	.dt{
		height: 40upx;
	}
	.btn{
		width: 750upx;
		height: 164upx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 36upx;
		&>view{
			width: 263upx;
			height: 83upx;
			background-color: #FFFFFF;
			color: $bg02;
			border-radius: 10upx;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 5upx 5upx 8upx #e693b0;
		}
		.btn-box{
			background-color: $bg02;
			color: #FFFFFF;
		}
		&>view:last-child{
			margin-left: 106upx;
		}
	}
	//满减
	.coupon{
		width: 100%;
		font-size: 26upx;
		color: #333;
		.already{
			padding: 0 30upx;
			font-size: 30upx;
			color: #666;
			line-height: 60upx;
		}
		.co-item{
			width: 720upx;
			margin: 0 auto;
			height: 62upx;
			background-color: #FFFFFF;
			border-radius: 10upx;
			display: flex;
			align-items: center;
			
			margin-bottom: 30upx;
			position: relative;
			.iconfont{
				font-size: 28upx;
				color: $bg02;
				margin: 0 10upx;
				
			}
			input{
				width: 80upx;
				height: 36upx;
				line-height: 36upx;
				font-size: 26upx;
				border-bottom: 1px solid $bg02;
				margin-left: 14upx;
				margin-right: 14upx;
				color: $bg02;
			}
			.button{
				position: absolute;
				right: 20upx;
				width: 60upx;
				height: 36upx;
				line-height: 36upx;
				font-size: 20upx;
				border-radius: 10upx;
				background-color: $bg02;
				color: #fff;
				padding: 0;
			}
		}
	}
	//折扣
	.discount{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		.upDiscount{
			width: 694upx;
			background-color: #FFFFFF;
			border-radius: 15upx;
			.top-img{
				height: 235upx;
				border-bottom: 1px solid #faf2f5;
				display: flex;
				align-items: center;
				image{
					width: 181upx;
					height: 181upx;
					margin-left: 30upx;
				}
				&>text{
					color: #666666;
					padding-left: 122upx;
					font-size: $font-base - 4upx;
				}
			}
			.discount-goods{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content:center;
				.select{
					width: 550upx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					&>view{
						margin-top: 20upx;
						font-size: $font-base - 4upx;
						width: 101upx;
						height: 42upx;
						border: 1px solid #999999;
						color: #999999;
						border-radius: 10upx;
						display: flex;
						align-items: center;
						justify-content:center;
					}
					.selected{
						background-color: $bg02;
						color: #FFFFFF;
						border: none;
					}
				}
			
			}
		}
		.time{
			width: 600upx;
			font-size: $font-base;
			margin-top: 30upx;
			margin-left:50upx;
			display: flex;
			// justify-content:center;
			.time-title{
				font-weight: bold;
			}
			.time-box{
				margin-left: 45upx;
				font-size: $font-base - 4upx;
				display: flex;
				flex-direction: column;
				justify-content:center;
				line-height: 50upx;
				&>view{
					display: flex;
					align-items: center;
					justify-content:center;
					input{
						font-size: $font-base - 2upx;
						width: 293upx;
						border-bottom: 1px solid $bg02;
						margin-left: 15upx;
					}
				}
			}
		}
		.btn{
			width: 694upx;
			height: 45upx;
			margin-top: 35upx;
			margin-bottom: 27upx;
			display: flex;
			align-items: center;
			justify-content:center;
			&>view{
				width: 101upx;
				height: 42upx;
				border-radius: 10upx;
				display: flex;
				// align-items: center;
				justify-content:center;
			}
			.cancel{
				background-color: #FFFFFF;
				color: $bg02;
				border: 1px solid $bg02;
			}
			.confirm{
				background-color: $bg02;
				color: #FFFFFF;
			}
		}
		
		.disList{
			width: 694upx;
			background-color: #FFFFFF;
			border-radius: 15upx;
			margin-top: 20upx;
			.disList-img{
				height: 235upx;
				border-bottom: 1px solid #faf2f5;
				display: flex;
				align-items: center;
				image{
					width: 181upx;
					height: 181upx;
					margin-left: 30upx;
				}
				&>view{
					font-size: $font-base;
					display: flex;
					flex-direction: column;
					justify-content:center;
					margin-left: 25upx;
					color: #666666;
					&>text:first-child{
						display: block;
						width: 353upx;
						color: #000000;
					}
					&>text:last-child{
						padding-top: 50upx;
						color: $bg02;
						font-weight: bold;
					}
				}
			}
			.disList-goods{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content:center;
				.selectBtn{
					width: 550upx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					&>view{
						margin-top: 20upx;
						font-size: $font-base - 4upx;
						width: 101upx;
						height: 42upx;
						border: 1px solid #999999;
						color: #999999;
						border-radius: 10upx;
						display: flex;
						align-items: center;
						justify-content:center;
					}
					.selectedColor{
						background-color: $bg02;
						color: #FFFFFF;
						border: none;
					}
				}
			}
		}
	}
	
}

// 满减与促销管理 end